<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="css/渡一盒模型.css">
    <title>层模型 ab定位</title>
</head>

<body>
    <!-- br*1000 五环-->
    <!--  <div class="plat">
        <div class="one"></div>
        <div class="two"></div>
        <div class="three"></div>
        <div class="four"></div>
        <div class="five"></div>
    </div> -->

    <!-- <div class="wrapper">
        <div class="content">
            <div class="box"></div>
        </div>
    </div>
     -->
    <!-- <div class="dome"></div>
    <div class="box"></div> -->
    <!--  <div class="left"></div>
    <div class="right"></div> -->

    <!-- 盒模型合并<span class="box1">123</span>
    <spam class="box2">123</spam>
    <div class="demo1">1</div>
    <div class="wrapper">
        <div class="demo2">2</div>
    </div> -->

    <!-- 浮动<div class="wrapper">
        <div class="content1">1</div>
        <div class="content1">2</div>
        <div class="content1">3</div>
        <div class="content1">4</div>
        <div class="content1">5</div>
        <div class="content1">6</div>
        <div class="content1">7</div>
        <div class="content1">8</div>
        <div class="content1">9</div>
    </div> -->
    <!-- 块级元素看不到浮动元素
    产生bfc的元素和文本内属性元素  文本 可以看见 -->

    <!-- <span>很酷</span> -->

<!-- 
    <p>但行文本和多长文本溢出打点显示处理方法发发发</p> -->

    <div></div>
    <a href="www.taobao.com">淘宝网</a>
    <!-- 一个行级块元素或文本元素里面有文字  外面文字就会和里面的文字对齐 vertical-align:middle;
        调上下位置 外面文字的-->
</body>

</html>